.contain{
    width: 100%;
    min-width:1190px;
    background: #fff;
 }
 .body{
 margin: 30px 0;
 width: 100%;
 float: left;
 background-color: #fff;
 }
 .NavTree{
     float: left;
 }
 .ml40{
     margin-left: 40px;
 }
 .mt20{
     margin-top: 20px;
 }
 .NavTree>li{
     height: 28px;
     line-height: 28px;
     cursor:pointer; 
 }
 .centerMain .leftTree>.title{
     width: 100%;
     font-size: 16px;
     color: #000;
     height: 35px;
     letter-spacing: 2px;
     border-bottom: 1px solid #000;
     cursor: pointer;
 }
 .centerMain .leftTree{
     width: 180px;
     float: left;
 }
 .NavTree>li>p{
     float: left;
     height: 28px;
     line-height: 28px;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 1px;
     color: #333;
 }   
 .NavTree>li>div.hideArrow,.NavTree>li>div.showArrow{
     width: 0;
     height: 0;
     float: left;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
     margin: 12px 0 0 8px;
     /* border:3px solid transparent; 
     border-top: 3px solid  #999999; 
     position: absolute; 
     top: 7px;
     right:-7px; */
 
 }
 .NavTree>li>div.hideArrow{
     border-top: 4px solid #000
 }
 .NavTree>ul>li{
     cursor: pointer;
     height: 28px;
     line-height: 28px;
     color: #333;
     font-size: 14px;
     text-indent: 26px;
 }
 .body .centerMain .rightBg {
     width: 950px;
     float: left;
     margin-left: 59px;
 }
   .centerMain .rightBg>.title {
     width: 890px;
     margin-left: 60px;
     font-size: 16px;
     color: #333;
     height: 35px;
     letter-spacing: 2px;
     border-bottom: 1px solid #000;
  }
   .centerMain .rightBg .rightMain {
     border-left: 1px solid #ccc;
     float: left;
     width: 950px;
     /* background: lightblue; */
 }
 
 .centerMain .rightBg .rightMain .rMcontent {
     float: left;
     margin-left: 60px;
     width: 890px;
 }
 
  .centerMain .rightBg .rightMain .rMcontent>.name {
     float: left;
     margin-top: 20px;
     width: 240px;
     height: 130px;
     background-color: #fafafa;
 }
 .centerMain .rightBg .rightMain .rMcontent>.name>.userPicture{
     float: left;
     border-radius: 100px;
     margin: 31px 0 0 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.name>.text{
     float: left;
     width: 120px;
     height: 130px;
     margin-left:20px;
     overflow: hidden;
 }
 .centerMain .rightBg .rightMain .rMcontent>.name>.text>a{
     float: left;
     margin: 55px 0 5px;
     font-size: 18px;
     letter-spacing: 1px;
     word-break: break-all;
     width: 120px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.card{
     float: left;
     margin: 20px 0 0 10px;
     width: 640px;
     height: 130px;
     background-color: #fafafa;
 }
 .centerMain .rightBg .rightMain .rMcontent .card .cardType{
     float: left;
     margin: 18px 0 0 30px;
     width: 148px;
     height: 94px;
 }   
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardType.pink{
     background-position: 0 0;
 }
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardType img{
     width: 100%;
     height: 100%;
     float: left;
 }
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardNo{
     width: 150px;
     height: 130px;
     float: left;
     margin-left: 29px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardNo>p:first-of-type{
     font-size: 14px;
     line-height: 20px;
     height: 20px;
     float: left;
     margin-top: 26px;
     width: 100%;
     color: #333;
 }
 
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardNo>p:last-of-type{
     margin-top: 20px;
     float: left;
     font-size: 28px;
     width: 100%;
     height: 28px;
     line-height: 28px;
     color: #000;
 }
 
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardLevelUp{
     float: right;
     margin:36px 28px 0 0 ;
 }
 .centerMain .rightBg .rightMain .rMcontent>.card>.cardLeveUp>.changeCard{
     font-size: 12px;
     color: #333;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount{
     float: left;
     width: 530px;
     height:130px ;
     background: #fafafa;
     margin-top: 10px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount .testArea{
     float: left;
     width: 100%;
     height: 20px;
     margin-top: 19px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount .testArea p{
     float: left;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     color: #333;
     text-indent: 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount .testArea a{
     float: right;
     margin: 0 28px 0 0;
     color: #333;
     text-decoration: underline;
     font-size: 12px;
     cursor: pointer;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount ul{
     margin:16px 0 5px;
     float: left;
     width: 100%;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount ul li{
     float: left;
     color: #000;
     font-size: 28px;
     height: 28px;
     line-height: 28px;
     text-indent: 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount ul a{
     font-weight: 400;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount ul li:last-of-type{
     line-height: 32px;
     font-size: 14px;
     color: #797979;
     text-indent: 0;
     margin-left: 3px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount .LineBg{
     float: left;
     width: 470px;
     height: 3px;
     background: #bbb;
     margin: 0 0 5px 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.pointAndDiscount .tips{
     float: left;
     font-size: 12px;
     color: #666;
     text-indent: 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind{
     float: left;
     margin: 10px 0 0 10px;
     width: 350px;
     height: 130px;
     background: #fafafa;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .k2{
     /* width: 350px; */
     height: 20px;
     line-height: 20px;
     margin: 15px 0 0;
     text-indent: 30px;
     font-size: 14px;
     color: #333;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .olist{
     float: left;
     width: 170px;
     height: 30px;
     /* background: lightcoral; */
     margin: 1px 1px ;
 }
 /* p的设置 */
 .mt15{margin-top: 15px;}
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .olist>p{
     width: 90px;
     float: left;        
     height: 30px;
     line-height: 30px;
     color: #797979;
     text-indent: 30px;
     font-size: 12px;
     /* background: lightcyan;   */
      
 } 
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .olist>ul li{
     float: left;
     height: 30px;
     line-height: 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .olist>ul li:first-of-type{
     margin: -1px 8px 0 30px;
     color: red;
     font-size: 16px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .olist>ul li:last-of-type{
     color:#797979
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderRemind .list span{
     display: inline-block;
 }
 .centerMain .rightBg .rightMain .rMcontent .orderList{
     float: left;
     width: 890px;
     margin-top: 30px;
     background:#fff;
     
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>.title{
     width: 100%;
     height: 35px;
     border-bottom: solid 1px #000;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>.title>p{
     float: left;
     font-size: 16px;
     color: #333;
     letter-spacing: 2px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>.title>a{
     float: right;
     font-size: 14px;
     color: #333;
     margin-top: 2px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList .pictureChange{
     position: relative;
     float:left;
     width: 890px;
     height: 108px;
     margin-top: 30px;
     overflow: hidden;
 }
 
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li{
     float: left;
     width: 214px;
     height: 108px;
     margin: 0 4px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li.pinkBg{
     background-position: -120px 0;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li.imgUse{
     background-image: url(https://ssl1.sephorastatic.cn/soa/pc/images/myaccount_icon3.png);
     content: "";
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li>.logo{
     float: left;
     width: 12px;
     height: 69px;
     margin: 20px 0 0 10px;
     background-image:url(https://ssl1.sephorastatic.cn/soa/pc/images/myaccount_icon.png); 
     background-position:-120px -216px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li>.money{
     margin-top: 20px;
     float: left;
     width: 192px;
     height: 34px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li>.money>p{
     float: left;
     color: #fff;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li>.money>p.d1{
     margin-left: 5px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li>.money>p.d2{
     margin-left: 5px;
     height: 34px;
     line-height: 34px;
     font-size: 30px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li>.money>p.d3{
     margin-left: 10px;
     margin-top: 14px;
     line-height: 14px;
     letter-spacing: 1px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li .rule,.centerMain .rightBg .rightMain .rMcontent>.orderList>ul li .time{
     float: left;
     width: 192px;
     line-height:24px ;
     height: 24px;
     text-overflow:ellipsis;
     font-size: 10px;
     color: #fff;
     /* overflow: hidden; */
 }
 .centerMain .rightBg .rightMain .rMcontent>.orderList>ul li .rule span{
     border: 1px solid #fff;
     padding: 3px 8px;
     border-radius: 8px;
     cursor: pointer;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder{
     float: left;
     width: 890px;
     margin-top:30px ;
     /* background: lightcyan; */
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .title{
     width: 890px;
     height: 35px;
     border-bottom: 1px solid #000;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .title p{
     float: left;
     font-size: 16px;
     color: #333;
     letter-spacing: 3px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .title a{
     float: right;
     font-size: 14px;
     margin-top:2px ;
     color: #333;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .myOderList{
     float: left;
     width: 890px;
     height: 54px;
     border-bottom: 1px solid #dfdfdf;
 }
 
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .myOderList>li{
     text-align: center;
     float: left;
     font-size: 12px;
     line-height:54px ;
     height: 54px;
     color: #333;
     width: 120px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .myOderList>li:first-of-type{
     width: 140px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .NoorDerList{
     float: left;
     width: 100%;
     /* background: pink; */
     height: 130px;
     text-align: center;
     line-height: 130px;
     
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder .NoorDerList .text{
     color: #999;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder>.myOderhistory {
     float: left;
     width: 890px;
     margin-top: 30px;
     /* background: pink; */
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder>.myOderhistory p{
     float: left;
     font-size: 16px;
     color: #333;
     letter-spacing: 3px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder>.myOderhistory .myOderhistoryList{
      height: 54px;
      border-bottom:1px solid  #dfdfdf;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder>.myOderhistory .myOderhistoryList li{
     float: left;
     height: 54px;
     line-height: 54px;
     color: #4f4f4f;
     font-size: 12px;
     
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder>.myOderhistory .myOderhistoryList li:first-of-type{
     width: 350px;
     text-align:left;
     margin-left: 130px;
 }
 .centerMain .rightBg .rightMain .rMcontent>.myOrder>.myOderhistory .myOderhistoryList .s1{
  
     padding:0 32px;
 }
 